﻿{extend name="base" /}

{block name="body"}

<!-- Main Container  -->
<div class="main-container container">
	<ul class="breadcrumb">
		<li><a href="{:url('home/index/index')}"><i class="fa fa-home"></i></a></li>
		<li><a href="#">用户注册</a></li>
	</ul>
	
	<div class="row">
		<div id="content" class="col-sm-12">
			<h1 class="title" align="center">用户注册</h1>
			<p align="center">如果你已经有本商城帐号请点击<a href="{:url('home/Login/index')}">登陆页面</a>.</p>
			
			<form class="form-horizontal ajax-form"  method="post" action="{:url('registerProc')}" >

				<div class="row box-ota-info">
					<div class="col-md-12">
						<div class="box-body">


							<div class="form-group">
								<div class="col-sm-2"></div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label">帐号</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" name="username" placeholder="请输入用户帐号" value="" />
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label">Email</label>
								<div class="col-sm-8">
									<input type="text" class="form-control" name="email" placeholder="请输入用户邮件地址" value="" />
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label">密码</label>
								<div class="col-sm-8">
									<input type="password" class="form-control" name="password" placeholder="请输入密码" value="" />
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label">确认密码</label>
								<div class="col-sm-8">
									<input type="password" class="form-control" name="confirm_password" placeholder="请输入确认密码" value="" />
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-2 control-label">验证码</label>
								<div class="col-sm-6">
									<input type="text" name="verify" class="verify form-control" placeholder="验证码" />
								</div>
								<div class="col-sm-2" align="center">
									<img src="{:captcha_src()}" alt="验证码" title="点击更换" onclick="this.src='{:captcha_src()}?time='+Math.random()" class="captcha img-responsive img-thumbnail center-block">
								</div>
							</div>

							<div class="form-group">
								<label class="col-sm-4 control-label">我已阅读并同意<a href="www.baidu.com" target="_blank">《用户注册协议》</a></label>
								<div class="col-sm-1">
									<input name="mustclick" type="checkbox" value="1"  checked="checked" /> 
								</div>
								<div class="col-xs-5">
									<button type="button"  class="btn btn-primary btn-block btn-flat submit-register">注册</button>
								</div>
							</div>

						</div>
					</div>
				</div>
			</form>




		</div>
	</div>
</div>
<!-- //Main Container -->








{/block}

{block name="script"}
	<script type="text/javascript" src="__HJS__/register/index.js"></script>
{/block}